<template>
  <div>
      <div class="prizeinformation">
        <marquee :itemHeight="24">
          <marquee-item v-for="(items,index) in headline" :key="index">{{items}}</marquee-item>
        </marquee>
      </div> 
  </div>
</template>
<script>
import { Marquee, MarqueeItem } from "vux";
export default{
    data(){
      return{
      }
    },
    components: {
      Marquee,
      MarqueeItem,
    },
    mounted(){
    },
    props:['headline'],
    methods:{
     
    }
  }
</script>
<style lang="less" >
.prizeinformation{
  font-size: 13px;
  color: #ffffff;
  padding:0px 0 0.35rem 25px;
  li{
    height: 24px!important;
  }
}
  .vux-marquee-box li{
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 98%
  }
</style>

